<template>
  <view class="container">
    <view class="title">作业题目</view>
    <view class="img">
      <image src="../../static/img/bannerimg1.png" mode="aspectFill"></image>
    </view>
    <textarea v-model="value" name="" id="" cols="30" rows="10" maxlength="-1" disabled class="content"></textarea>
  </view>
</template>

<script>
export default {
  data() {
    return {
      value:
        '想四个月以前，我犹似押送囚犯，突然地把小燕子似的一群儿女从上海的租寓中拖出，载上火车，送回乡间，关进低小的平屋中。自己仍回到上海的租界中，独居了四个月。这举动究竟出于什么旨意，本于什么计划'
    };
  }
};
</script>

<style lang="scss" scoped>
.container {
  box-sizing: border-box;
  .title {
    box-sizing: border-box;
    font-size: 30rpx;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    color: #333333;
    margin: 28rpx 0 20rpx 30rpx;
  }
  .img {
    box-sizing: border-box;
    width: 690rpx;
    height: 280rpx;
    background: #ffffff;
    margin: 20rpx 30rpx;
    image {
      width: 100%;
      height: 100%;
      border-radius: 20rpx 20rpx 20rpx 20rpx;
    }
  }
  .content {
    box-sizing: border-box;
    width: 690rpx;
    height: 260rpx;
    margin: 20rpx 30rpx;
    padding: 30rpx;
    background: #f8f8f8;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    border: 2rpx solid #f1f1f1;
    font-size: 28rpx;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #333333;
  }
}
</style>
